<template>
    <div @click="$emit('click')">
      <div class="tag-btn" :style="`height:${width}px;width:${width}px;line-height:${width}px;`">
        <i :class="`el-icon-${iname}`"></i>
      </div>
    </div>
</template>

<script>
export default {
    // inameL:plus 加号 minus 减号
    props:{
        iname:{
            type:String,
            default:'plus'
        },
        width:{
            type:String,
            default:'22'
        }
    }

}
</script>

<style scoped lang="less">
.tag-btn {
    // margin-right: 15px;
    // height: 22px;
    // width: 22px;
    // line-height: 22px;
    text-align: center;
    border: 1px #1890FF solid;
    border-radius: 50%;
    color: #1890FF;
    box-sizing: border-box;
    cursor: pointer;

    &:hover {
      background-color: #1890FF;
      color: #ffffff;
    }
  }
</style>